<template>
    <div class="comments-box">
        <div class="fl">
            <a><user-head></user-head></a>
        </div>
        <div class="comments-box-content">
            <el-form>
                <el-input type="textarea" rows="3" placeholder="文明社会，理性评论"></el-input>
                <div class="text-right">
                    <el-button class="mt15" size="small" type="success">发布评论</el-button>
                </div>
            </el-form>
        </div>
    </div>
</template>

<script>
import UserHead from '../common/UserHead'

export default {
    name: 'comment-box',
    components: { UserHead }
}
</script>

<style lang="scss" scoped>
.comments-box {
    background: #FAFAFA;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.09);
    border-radius: 2px 2px 0 0;
    padding: 15px 20px;
    border-top: 1px solid rgba(0,0,0,0.09);
    margin-top: -1px;
}
.comments-box-content {
    padding-left: 47px;
}
</style>